<template>
	<div class="inden" >
		<div class="indenHead">
			<div class="coat_title">热卖推荐</div>
		</div>
		<ul class="indenList" v-if="!isShowloading">
			<router-link tag="li" :to="{name: 'Detail', params: { id: value.pid}}"  v-for="(value, i) in dataList" :key="i">
				<a href="javascript;"><img :src="'http://img3.wangjiu.com/'+value.image_src+'.png'"/></a>
				<p class="Nname">{{value.product_name}}</p>
				<p class="Nprice">￥{{value.sale_price}}.00</p>
			</router-link>
		</ul>
	</div>
</template>

<script>
//	import axiosUtil from '../utils/axios.util.js';
	import VueRouter from 'vue-router'
	import Vue from 'vue';
	import VueResource from "vue-resource"
	Vue.use(VueResource)
	
	export default {
		props:{
			isShowLoading:{
				type: Boolean,
		      	required: true
			}
		},
		data() {
			return {
				dataList: [],
				isShowloading:true
			}
		},
		mounted() {
//			axiosUtil(this,'/vip/prod.php');
			this.$http.jsonp('/apj/api/simple/recommendService/recommendJP?client_sig=wap&format=jsonp&_=1508977182597')
			.then((res)=>{
				const data = res.body.result
				this.dataList = data
				this.isShowloading= false
			})
			
		}
	}
</script>

<style lang="scss">
	
</style>